<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="common.jsp"></jsp:include>
<title>图片和徽章页面</title>
</head>
<body>
    <ul class="layui-nav layui-bg-green layui-bg-blue" >
	  <li class="layui-nav-item">
	    <a href="">控制台<span class="layui-badge">9</span></a>
	  </li>
	  <li class="layui-nav-item">
	    <a href="">个人中心<span class="layui-badge-dot"></span></a>
	  </li>
	  <li class="layui-nav-item">
	    <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
	    <dl class="layui-nav-child">
	      <dd><a href="javascript:void(0);">修改信息</a></dd>
	      <dd><a href="javascript:;">安全管理</a></dd>
	      <dd><a href="javascript:;">退了</a></dd>
	    </dl>
	  </li>
	</ul>
	<script>
	//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
	layui.use('element', function(){
	  var element = layui.element;
	  
	  //…
	});
	</script>
</body>
</html>